<template>
  <!-- 关于页面 -->
  <div id="about">
    <!-- BREADCRUMBS -->
    <div class="page-header">
      <div class="container">
        <h1 class="page-title pull-left">关于我们 ABOUT US</h1>
        <ol class="breadcrumb">
          <li>
            <router-link :to="{ name: 'home'}">首页</router-link>
          </li>
          <!-- <li>
            <a href="#">Pages</a>
          </li> -->
          <li class="active">关于</li>
        </ol>
      </div>
    </div>
    <!-- END BREADCRUMBS -->
    <!-- PAGE CONTENT -->
    <div class="page-content">
      <div class="container">
        <h2 class="section-heading">我们是谁</h2>
        <section>
          <div class="row">
            <div class="col-md-4">
              <p>我们公司自成立以来，一直专注于互联网品牌建设，我们团队的成员曾务于国内优秀广告公司及互联网公司业务类型涉及WEB视觉、交互设计、移动终端用户体验等质量和信誉是我们存在的基石。我们注重客户提出的每个要求，充分考虑每一个细节，积极的做好服务，努力开拓更好的视野。我们永远不会因为我们曾经的成绩而满足。在所有新老客户面前，我们都很乐意虚心、朴实的跟您接触，更深入的了解您的企业，以便为您提供更优质的服务</p>
            </div>
            <div class="col-md-8">
              <div class="featured-img"></div>
            </div>
          </div>
          <br>
          <hr>
          <!-- <h2 class="section-heading">OUR MISSION</h2>
          <p class="lead">
            <span class="dropcap dropcap-big">P</span>hosfluorescently predominate stand-alone strategic theme areas with resource maximizing resources. Professionally transform end-to-end catalysts for change via impactful e-services.</p>
          <br>
          <h2 class="section-heading">OUR VISION</h2>
          <p class="lead">
            <span class="dropcap dropcap-big">D</span>istinctively predominate front-end total linkage via user. Professionally synthesize sustainable growth strategies before bricks-and-clicks functionalities. Holisticly synthesize unique intellectual capital whereas ubiquitous users.</p>
          <hr> -->

          <h2 class="section-heading">我们的优势 OUR ADVANTAGES</h2>
          <p class="lead">
            <span class="dropcap dropcap-big">A</span>专注，从创始至今，我们的业务方向始终不变，专注做好一件事才能更好的追求高品质，这也是我们存在的价值在未来我们也是基于此信念而继续创造。</p>
          <br>
          <p class="lead">
            <span class="dropcap dropcap-big">E</span>高效，我们6年来积累了大量优秀的项目案例，并验证了设计的价值。在不断的探索中总结经验，以结果为导向，继续为更多客户提供优秀的设计。</p>
          <br>
          <p class="lead">
            <span class="dropcap dropcap-big">R</span>严谨，在不断的创新和实践中总结出可持续和可信赖的设计流程，坚持与用户一起思考，用设计的方法发现问题、解决问题、输出设计方案，并实现客户产品和企业价值的提升。</p>
          <br>

        </section>
        <h2 class="section-heading">我们的团队 MEET OUR TEAM</h2>
        <!-- TEAM -->
        <section class="team">
          <div class="section-content">
            <div class="col-md-5">
              <div class="team-member media">
                <img src="@/assets/img/team/person1.png" class="media-object img-circle pull-left" alt="" />
                <div class="media-body">
                  <h3 class="media-heading team-name">Michael Summer</h3>
                  <strong>Executive Director</strong>
                  <hr class="pull-left">
                  <div class="clearfix"></div>
                  <p>Dynamically evolve client-based portals through world-class models. Phosfluorescently simplify cross-platform convergence and multimedia based portals. Rapidiously.</p>
                  <ul class="list-inline social-icon">
                    <li>
                      <a href="#">
                        <i class="fa fa-facebook"></i>
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <i class="fa fa-twitter"></i>
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <i class="fa fa-linkedin"></i>
                      </a>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
            <div class="col-md-5 col-md-offset-2">
              <div class="team-member media">
                <img src="@/assets/img/team/person2.png" class="media-object img-circle pull-left" alt="" />
                <div class="media-body">
                  <h3 class="media-heading team-name">Jane Doe</h3>
                  <strong>Art Director</strong>
                  <hr class="pull-left">
                  <div class="clearfix"></div>
                  <p>Dynamically evolve client-based portals through world-class models. Phosfluorescently simplify cross-platform convergence and multimedia based portals. Rapidiously.</p>
                  <ul class="list-inline social-icon">
                    <li>
                      <a href="#">
                        <i class="fa fa-facebook"></i>
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <i class="fa fa-twitter"></i>
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <i class="fa fa-linkedin"></i>
                      </a>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
            <div class="col-md-5">
              <div class="team-member media">
                <img src="@/assets/img/team/person3.png" class="media-object img-circle pull-left" alt="" />
                <div class="media-body">
                  <h3 class="media-heading team-name">Cindy Marry</h3>
                  <strong>UI Designer</strong>
                  <hr class="pull-left">
                  <div class="clearfix"></div>
                  <p>Dynamically evolve client-based portals through world-class models. Phosfluorescently simplify cross-platform convergence and multimedia based portals. Rapidiously.</p>
                  <ul class="list-inline social-icon">
                    <li>
                      <a href="#">
                        <i class="fa fa-facebook"></i>
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <i class="fa fa-twitter"></i>
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <i class="fa fa-linkedin"></i>
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <i class="fa fa-dribbble"></i>
                      </a>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
            <div class="col-md-5 col-md-offset-2">
              <div class="team-member media">
                <img src="@/assets/img/team/person4.png" class="media-object img-circle pull-left" alt="" />
                <div class="media-body">
                  <h3 class="media-heading team-name">Phillips Abraham</h3>
                  <strong>Front-end Developer</strong>
                  <hr class="pull-left">
                  <div class="clearfix"></div>
                  <p>Dynamically evolve client-based portals through world-class models. Phosfluorescently simplify cross-platform convergence and multimedia based portals. Rapidiously.</p>
                  <ul class="list-inline social-icon">
                    <li>
                      <a href="#">
                        <i class="fa fa-facebook"></i>
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <i class="fa fa-twitter"></i>
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <i class="fa fa-linkedin"></i>
                      </a>
                    </li>
                    <li>
                      <a href="#">
                        <i class="fa fa-dribbble"></i>
                      </a>
                    </li>
                  </ul>
                </div>
              </div>
            </div>
          </div>
        </section>
        <!-- END TEAM -->
      </div>
    </div>
  </div>
</template>

<script>
export default {};
</script>

<style lang="less">
#about {
  .featured-img {
    min-height: 25vh;
    background: url("../../assets/img/about/about-1.jpg");
    background-size: auto 50vh;
    background-position: 35% 70%;
  }
}
</style>
